<template>
    <div class='table'>
        <div class="crumbs">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item>
                  <span class="container-title-p">
                    权限管理
                    <i class="iconfont icon-jiantou"></i>
                  </span>
                  <span>权限说明</span>
                  </el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <div class='detail'>
            <p class='title'>权限组</p>
            <div class='item'>
                <p class='item-title'>权限管理</p>
                <div class='item-detail'>
                    <span>设备添加</span>
                    <span>设备搜索</span>
                    <span>设备删除</span>
                    <span>信息查看</span>
                    <span>设备编辑</span>
                    <span>添加日志</span>
                    <span>日志查看</span>
                    <span>添加备注</span>
                    <span>日志搜索</span>
                </div>
            </div>

            <div class='item'>
                <p class='item-title'>用户管理</p>
                <div class='item-detail'>
                    <span>用户搜索</span>
                    <span>详情查看</span>
                    <span>更多操作</span>
                    <span>审核查看</span>
                    <span>审核信息</span>
                    <span>审核操作</span>
                </div>
            </div>

            <div class='item'>
                <p class='item-title'>订单中心</p>
                <div class='item-detail'>
                    <span>订单搜索</span>
                    <span>展示形式</span>
                    <span>查看详情</span>
                </div>
            </div>

            <div class='item'>
                <p class='item-title'>财务数据</p>
                <div class='item-detail'>
                    <!-- <span>订单搜索</span>
                    <span>展示形式</span>
                    <span>查看详情</span> -->
                </div>
            </div>

            <div class='item'>
                <p class='item-title'>运营管理</p>
                <div class='item-detail'>
                    <span>查看汇率</span>
                    <span>参数配置</span>
                    <span>资讯公告</span>
                    <span>广告投放</span>
                    <span>消息推送</span>
                    <span>系统设置</span>
                </div>
            </div>

            <div class='item'>
                <p class='item-title'>操作日志</p>
                <div class='item-detail'>
                    <span>系统日志</span>
                    <span>上报日志</span>
                    <span>资讯公告</span>
                    <span>广告投放</span>
                    <span>消息推送</span>
                    <span>系统设置</span>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
    
</script>
<style scoped>
.title{
    padding: 10px 0;
    background: rgb(236,244,252);
    padding-left: 20px;
}
.item{
    padding: 20px 0;
    padding-left: 20px;
}
.item-detail{
    padding: 10px;
    padding-left: 30px;
}
.item-detail>span{
    display: inline-block;
    padding: 0 15px;
    border-right: 1px solid #999;
}
.item-detail>span:last-child{
    border: 0;
}
</style>
